<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>ztree右键删除，弹出的dialog加载的iframe内容</title>

	<!--[if lt IE 9]>
	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
	<![endif]-->

	<link href="/static/css/zTreeStyle.css" rel="stylesheet">
	<script src="/static/js/lib/jquery-1.11.0.min.js"></script>
	<script src="/static/js/lib/json2.js"></script>
	<script src="/static/js/lib/jquery.ztree.min.js"></script>

	<style>
	    /*article,aside,dialog,footer,header,section,footer,nav,figure,menu{
	    	display:block;
	    }*/
	    body,div,p,section,h3,input,lable{
	         margin: 0;
	         padding: 0;
	         font-family: \5FAE\8F6F\96C5\9ED1;
	         /*white-space: nowrap;*/
        }
        div{
        	/*margin-top: 20px;*/
        	border: 1px solid green;
        	width: 200px;
        	height: 50px;
        	font-size: 12px;

        }
        p{
            /*padding: 10px 10px;*/
            width: 190px;
            height: 16px;
            line-height: 16px;
            margin: 10px 10px;
            text-align: left;
            /*border: 1px solid green;*/
	    }
	    
        p input{
        	height: 16px;
        	margin-right: 10px;
        	float: left;
        }
        p label{
        	width: 150px;
        }

        section{
        	height: 50px;
        	display: none;
        }

	</style>
	<script>
    $(document).ready(function(){
    	//alert("宽度："+$("body").width()+"   高度："+$("body").height());
	    $("input").click(function() {
	    	//var divWidth0=$("div").width();
	    	//var divHeight0=$("div").height();
	    	if($(this).attr("checked")){
	    		//alert($(this).attr("checked"));
	    		$("section").css("display","block");
	    		//alert(id);
	    		//var divWidth1=$("div").width();
	    		//var divHeight1=$("div").height();
	    		//$("body").width(divWidth1);
	    		//$("body").height(divHeight1);
	    		//var fiframe=$("iframe[src='/static/html/ztree-del-content.html']", window.parent.document);
	    		//fiframe.width($("div").width());
	    		//fiframe.height($("div").height());
	    		//var dWidth=fiframe.parent().parent().width();
	    		//var dHeight=fiframe.parent().parent().height();
	    		//dHeight=dHeight+(divHeight1-divHeight0);
	    		//fiframe.parent().parent().height(dHeight);
	    		$(this).attr("checked",false);
	    		//alert(fiframe.parent().parent().attr("id"));

	    	}else{
	    		//alert($(this).attr("checked"));
	    		$("section").css("display","none");
	    		$(this).attr("checked",true);
	    	}
	    	
	    });
    });
	</script>
</head>

<body>
	<div>
		<p>
			<input type="checkbox" name="checkbox" checked="checked"/>
			<label>删除分类和分类下所有</label>
		</p>
		<section>
			<h3>删除前分类下内容转移</h3>
		</section>
	</div>
</body>
</html>